<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://jqweui.cn/dist/demos/css/demos.css">
</head>

<body>
    <header class='demos-header'>
        <h1 class="demos-title">文章</h1>
      </header>
    <div class="weui-panel__bd">

    </div>
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
    <script>
        $.ajax({
            url: "http://123.206.221.45/Api/getArtcleList",
            type: 'GET',
            dataType: "jsonp",
            success: function (data) {
                if (data.code == 0) {
                    $.each(data.data,function(i,item){
                        $(".weui-panel__bd").append('<a href="show_article.html?id='+item.article_id+'" class="weui-media-box weui-media-box_appmsg"><div class="weui-media-box__hd"><img class="weui-media-box__thumb" src="http://123.206.221.45/'+item.cover_img+'"></div><div class="weui-media-box__bd"><h4 class="weui-media-box__title">'+item.title+'</h4><p class="weui-media-box__desc">'+item.desp+'</p></div></a>')
                    })




                } else alert("服务器错误:" + data.msg);
            }
        });
    </script>
</body>

</html>